@charset "utf-8";
@import url("ui-media.css");
@import url("ui-base.css");
@import url("ui-box.css");
@import url("ui-color.css");
@import url("reset.css");
@import url("../iconfont/iconfont.css");

.bg-f5f5f5{
	background-color: #f5f5f5;
}
.bg-fff{
	background-color: #fff;
}
.none{
	display: none;
}
.t-alipay{
    color: #25abee;
}
.t-wechat{
    color: #5cbf20;
}
.t-card{
    color: #ffd200;
}

#btn,.btn{
	width: 100%;
	height: 3rem;
	color: #fff;
	background-color: #1baafc;
	border-radius: 5px;
}
.padding-btn-lr{
    padding: 0 15%;
}
.login-con li, #inputList li{
    width: 100%;
    height: 3.3rem;
    border-bottom: 1px solid #c7c7c7;
}

.login-con li span, #inputList li span{
	width:2.4rem;
    display: block;
    margin-top: 1.15rem;
    text-align: left;
}
.login-con li .icon-mernumber, #inputList li .icon-mernumber{
    font-size: 1.65rem;
}
.login-con li .icon-merpwd, #inputList li .icon-merpwd{
	font-size: 1.41rem;
}
.login-con li input[type=text], .login-con li input[type=number], #inputList li input[type=text], #inputList li input[type=number], #inputList li input[type=password], .login-con li input[type=password]{
    width: 100%;
    height:2.3rem;
    margin-top: .8rem;
}
.forgot-logo{
	width: 15.1rem;
	height: 2.875rem;
	background: url(../image/logo.png) no-repeat center;
	margin:18% auto;
	background-size: 100% 100%;
}

/* 圆 */
.big-circular{
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background-color: #edf8ff;
    margin:0 auto;
    padding: 1rem;
}
.small-circular{
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-color: #1baafc;
}
.small-circular span{
    font-size: 6.2rem;
    color: #fff;
    display: block;
    line-height: 9.2rem;
}

/* 圆end */

.text-middle {
	vertical-align: middle;
}
.margin-l-10 {
	margin-left: 10px;
}
.margin-r-05{
	margin-right: .5rem;
}
.margin-r-10 {
	margin-right: 10px;
}
.margin-l-20 {
	margin-left: 20px;
}
.margin-r-20 {
	margin-right: 20px;
}
.margin-t-10 {
	margin-top: 10px;
}
.margin-t-20 {
	margin-top: 20px;
}
.margin-b-10 {
	margin-bottom: 10px;
}
.margin-b-20 {
	margin-bottom: 20px;
}
.ftl {
	float: left;
}
.ftr {
	float: right;
}

.tx-middle {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
}
.tx-end {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: end;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: end;
	-moz-box-align: center;
}
.tx-left {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: left;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: left;
	-moz-box-align: center;
}
@-webkit-keyframes loading2 {
	0% {
		-webkit-transform:rotateZ(0)
	}
	100% {
		-webkit-transform:rotateZ(360deg)
	}
}
@keyframes loading2 {
	0% {
		transform:rotate(0)
	}
	100% {
		transform:rotate(360deg);
	}
}
/**/
#loadinit2 {
	z-index: 999;
	position: absolute;
	width: 100%;
	height: 1.8em;
	top: 50%;
	text-align: center;
}
#loadinit2 .bg {
	margin: 0 auto;
	min-width: 1.5em;
	max-width: 10em;
	border-radius: 0.35em;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 0 .4em;
}
.load {
	width: 1.5em;
	height: 1.5em;
	background:url(../images/common/loading.gif) 50% 50% no-repeat;
	-webkit-background-size: 95% auto;
	background-size: 95% auto;
	background-position: center;
	-webkit-animation-name: loading2;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: loading2;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	margin-right:.3em;
}
#alert_info {
	z-index: 1999;
	position: absolute;
	width: 100%;
	height: 2.6em;
	top: 50%;
	margin-top: -1.3em;
	text-align: center;
}
#alert_info .bg {
	margin: auto auto;
	min-width: 8em;
	border-radius: 0.5em;
	background: rgba(0,0,0,.7);
	padding: .75em;
	color: #fff;
	font-size: 1em;
}

.footer{
	width: 100%;
	height: 3.0625em;
}
#footer {
	position: fixed;
	z-index: 600;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.0625em;
	background-color: #fff;
}
html[data-useragent*='MSIE 10.0'] #footer {
	margin-bottom: 4em;
}
#footer ul {
	width: 100%;
	height: 100%;
	background-position: left 1.4em;
	background-repeat: repeat-x;
}
#footer .menu-width{
	width:25%;
}
#footer .menu-width .menu-icon{
	width: 1.6em;
	height: 1.6em;
	margin: .3rem auto 0;
}
#footer .menu-width i{
	font-size: 1rem;
	color: #1baafc;
	line-height: 1.7rem;
}
#footer .menu-width .menu-icon + div{
	margin: .05rem auto 0;
    font-size: 12px;
}
input[name=tabMenu]:checked + div .menu-icon{
	border-radius: 50%;
	background-color: #1baafc;
}
input[name=tabMenu]:checked + div .menu-icon i{
	color: #fff !important;
}
input[name=tabMenu]:checked + div .menu-icon + div{
	color: #1baafc;
}
